<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="static/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="static/all.css">
    <link rel="stylesheet" type="text/css" href="static/main.css">
    <link rel="stylesheet" type="text/css" href="static/person.css">
    <script type="text/javascript" src="static/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="static/layui/layui.js"></script>
    <script type="text/javascript" src="static/js/index.js"></script>
    <script type="text/javascript" src="static/js/main.js"></script>
    <script type="text/javascript" src="static/js/person.js"></script>
</head>
<body>
<div class="main-div">
    <div class="header">
        <div class="header-content">
            <div class="logo">
                <img src="static/images/logo.png"/>
            </div>
            <div class="nav-items">
                <ul class="layui-nav" lay-filter="">
                    <li class="layui-nav-item"><a href="index.html">首页</a></li>
                    <li class="layui-nav-item"><a href="course.html">课程天地</a></li>
                    <!--<li class="layui-nav-item"><a href="blog.html#">谈天说地</a></li>-->
                    <li class="layui-nav-item"><a href="note.html">随堂笔记</a></li>
                    <li class="layui-nav-item"><a href="exam.html">今日一测</a></li>
                    <li class="layui-nav-item"><a href="exam.html">项目库</a></li>
                    <li class="layui-nav-item"><a href="question.html">试题广场</a></li>
                    <!--<li class="layui-nav-item"><a href="exam.html">对话职场</a></li>-->
                </ul>
            </div>
            <div class="login-register">
                <a class="login layui-btn layui-btn-warm">登录</a>
            </div>
        </div>
    </div>
    <div class="bg">
        <div class="information">
            <div class="base-info">
                <div class="logo"><div class="img"></div></div>
                <div class="info-name">
                    <div class="nickname">非洲小白脸</div>
                    <div class="msg">happy study</div>
                    <div class="fans">
                        <div class="fs">
                            <div>0</div>
                            <div>粉丝</div>
                        </div>
                        <div class="gz">
                            <div>0</div>
                            <div>关注</div>
                        </div>
                        <div class="zan">
                            <div>0</div>
                            <div>被赞</div>
                        </div>
                    </div>
                    <div class="msg-text"><span>走自己的路，让别人去说吧~~~学自己的技术，让别人羡慕去吧~~~</span><span><button class="layui-btn layui-btn-normal">更换背景</button></span></div>
                </div>
            </div>
        </div>
        <div class="own">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this">基本信息</li>
                    <li>我的好友</li>
                    <li>我的收藏</li>
                </ul>
                <div class="layui-tab-content" style="height: 100px;">
                    <div class="layui-tab-item layui-show base-info">
                        <div class="base-info-content">
                            <div><label class="layui-form-label">输入框</label><input type="text" class="layui-input" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" value="非洲小白脸"/></div>
                            <div><label class="layui-form-label">性别：</label><input type="text" class="layui-input" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" value="非洲小白脸"/></div>
                            <div><label class="layui-form-label">手机：</label><input type="text" class="layui-input" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" value="非洲小白脸"/></div>
                            <div><label class="layui-form-label">所在城市：</label><input type="text" class="layui-input" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" value="非洲小白脸"/></div>
                            <div><label class="layui-form-label">工作单位：</label><input type="text" class="layui-input" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" value="非洲小白脸"/></div>
                            <div><label class="layui-form-label">个人签名：</label>      <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea></div>
                            <div class="btn"><button class="layui-btn layui-btn-warm">提交</button></div>
                        </div>
                    </div>
                    <div class="layui-tab-item">我的好友</div>
                    <div class="layui-tab-item">我的收藏</div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="warp">
            <div class="warp-left">
                <img src="static/images/qrcode.jpg"/>
            </div>
            <div class="warp-content">
                <p>联系我们 ：400-100-5383</p>
                <p>邮箱地址 ：shihua@ncaiet.com</p>
                <p>总部地址 ：上海·青浦区车站支二路12号2楼</p>
                <p>COPYRIGHT © 2019-2039 编程乐课堂 ALL RIGHTS RESERVED</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
